<div>
  <div class="bg-yellow-100">
    {% if footer_menu is not empty %}
      {% embed "@organisms/container/container.twig" %}
        {% block content %}
          <div class="mt-2 pt-24 pb-10 text-3xl font-bold text-black">Documentation</div>
          <div class="block lg:flex pb-24">
            {{ footer_menu }}
          </div>
        {% endblock %}
      {% endembed %}
    {% endif %}
  </div>
  <div class="bg-black py-6 flex items-center">
    {% embed "@organisms/container/container.twig" %}
      {% block content %}
        <div class="space-x-8 flex sm:ml-auto sm:mt-0 mt-2 justify-center">
          <a
            class="w-12"
            href="https://drupaltwig.slack.com/archives/C01C82BH864" target="_blank" rel="noreferrer noopener"><img
              src=""
              alt="Wingsuit Slack" ></a>

          <a href="https://github.com/wingsuit-designsystem/wingsuit"
             class="w-12"
                                                                target="_blank" rel="noreferrer noopener"><img
              src=""
              alt="Storybook GitHub" style="border-radius: 50%; padding: 0px; background: rgb(255, 255, 255);"></a>
        </div>
      {% endblock %}
    {% endembed %}
  </div>
</div>
